<html>
<head>
  <title>Devcathlon: Create a Match</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<p>
  <script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>
  
  <!-- -------------- Page contents begins --------------- -->

<body>
<blockquote>
  <h2>My Teams  </h2>
</blockquote>

<table style="margin-left: 15px;" width="333" height="151" border="0">
  <tr valign="middle">
    <td width="128"><p><strong><a href="teammockup2.html">Mockup2</a></strong></p>
    </td>
    <td width="65" height="50" align="center"><div align="center"><strong><a href="myprofile.html"><img src="img.jpg" width="50" height="50"></a><br>
          <a href="myprofile.html">John L.</a></strong></div></td>
    <td width="63" height="50" align="center"><div align="center"><a href="philprofile.html"><img src="phillip.jpg" width="50" height="50"></a><br>
      <strong><a href="philprofile.html">Phillip L</a>.</strong></div></td>
    <td width="59" height="50" align="center"><div align="center"><img src="johnz.jpg" width="50" height="50"><br>
      <strong>John Z.</strong></div></td>
  </tr>
  <tr valign="middle">
    <td><strong>Gotham City Police</strong></td>
    <td width="65" height="50" align="center"><div align="center"><a href="myprofile.html"><img src="img.jpg" width="50" height="50"></a><br>
      <strong><a href="myprofile.html">John L.</a></strong></div></td>
    <td width="63" height="50" align="center"><div align="center"><img src="johnz.jpg" width="50" height="50"><br>
      <strong>Harvey D.</strong></div></td>
    <td width="59" height="50" align="center"><div align="center"><img src="johnz.jpg" width="50" height="50"><br>
      <strong>Robin</strong></div></td>
  </tr>
</table>

<div id="footerFeedback">
<p> This is a simple screen that lists the teams that you are involved in.  Users can click on the team name to see specific points and events related to their project and matchup.
</p>
<p>
This can be an additional section under the hall of fame.
</p>

</div>

</body>
</html>
